*{margin: 0px;padding: 0px;}
a{text-decoration: none;color: #CCCCCC;}
li{list-style: none;}
#top_par{
    width: 100%;height: 40px;
    background: #D91756;
    #top_center{
        width: 1190px;height: 40px;
        margin: 0 auto;
        line-height: 40px;
        font-size: 12px;
        .top_left{
            width: 700px;height: 40px;
            float: left; 
            img{
                width: 150px;height: 150px;
            }
            p{
                width: 156px;height: 40px;
                float: left;
                margin-right: 15px;
                color: #FFFFFF;
            } 
            .doov_app{
                width: 141px;height: 40px;
                float: left;
                margin-right: 15px;
                color: #FFFFFF;
                position: relative;
                z-index: 10;
                &:hover .doov_erweima{
                    display: block;
                }
                .doov_erweima{
                    width: 150px;height: 150px;
                    border: 1px solid #CCCCCC;
                    position: absolute;
                    top: 60px;
                    right: 30px;
                    z-index: 9;
                    display: none;
                }
            }
            .doov_wx{
                width: 108px;height: 40px;
                float: left;
                color: #FFFFFF;
                position: relative;
                z-index: 10;
                &:hover .doov_wxma{
                    display: block;
                }
                .doov_wxma{
                    width: 150px;height: 150px;
                    border: 1px solid #CCCCCC;
                    position: absolute;
                    top: 60px;
                    right: -5px;
                    z-index: 9;
                    display: none;
                }
            }
        }
        .top_right{
            width: 210px;height: 40px;
            float: right;
            li{float: left;}
            span{padding: 0px 5px;color: #FFFFFF;}
            a{color: #FFFFFF;}
            .login{
                width: 60px;height: 40px;
                background: url(../images/kefu.png) no-repeat 6px 4px;
                text-align: right;
            }
            .car{
                width: 100px;height: 40px;
                text-align: right;
                background: url(../images/car.png) no-repeat 12px 6px;
                float: right;
            }
        }
    }
}

#logo{
    width: 100%;height: 70px;
    #logo_center{
        width: 1190px;height: 70px;
        margin: 0 auto;
        .logo_tp{
            width: 200px;height: 70px;
            line-height: 80px;
            float: left;
        }
        .logo_classify{
            width: 520px;height: 70px;
            float: left;
            margin-left: 60px;
            li{
                width: 60px;height: 70px;
                float: left;
                line-height: 70px;
                font-size: 14px;
                text-align: center;
                padding: 0px 12px;
                a{
                    color: #000000;
                    &:hover{
                        color: #F73078;
                    }
                }
            }
        }
        .search{
            width: 250px;height: 70px;
            float: right;
            .search_form{
                position:relative;
                height:40px;
                margin-top:15px;
            .search_text{
                border:1px solid #C164A5;
                border-right: 0px;
                border-radius: 5px 0px 0px 5px;
                width: 200px;
                height: 35px;
                line-height: 48px;
                padding: 0 10px;
                font-size: 14px;
                position: absolute;
                top: 0px;
                right: 40px;
                }
            .search_sub{
                width: 40px;
                height: 37px;
                border: 1px solid #C164A5;
                border-radius: 0px 5px 5px 0px;
                border-left: 0px;
                padding: 0px 6px;
                position: absolute;
                top: 0px;
                right: 0px;
                background: url(../images/fangdajing.png);
                background-repeat: no-repeat;
                background-position: 8px 5px;
                background-color: #fff;
                cursor: pointer;
                }
            }
        }
    }
}

#shuffling{
    width: 100%;height: 500px;
    position: relative;
    img{
        width: 100%;height: 500px;
        position: absolute;
        left: 0px;
        top: 0px;
        display: none;
        &:nth-child(1){
            display: block;
        }
    }
    ul{
        width: 150px;height: 10px;
        position: absolute;
        bottom: 50px;
        right: 60px;
        li{
            float: left;
            width: 10px;height: 10px;
            background: #FFFFFF;
            border-radius: 50%;
            line-height: 10px;
            margin-left: 10px;
            &:nth-child(1){
                background: #F73078;
            }
        }
    }
}

#new{
    width: 100%;height: 410px;
    .new1{
        width: 48%;height: 410px;
        border-right: 1px solid #CCCCCC;
        float: left;
        .new1_left{
            width: 308px;height: 240px;
            margin-top: 80px;
            float: left;
            img{
                width: 308px;height: 240px;
                margin-left: 50px;
            }
        }
        .new1_right{
            width: 330px;height: 260px;
            float: right;
            margin-top: 70px;
            .new1_one{
                color: #505050;
                font-size: 22px;
                font-weight: bold;
            }
            .new1_two{
                color: #A6A6A6;
                font-size: 12px;
                margin-top: 7px;  
            }
            .new1_three{
                color: #F73078;
                font-size: 12px;
                font-weight: bold;
                margin-top: 3px;  
            }
            .new1_four{
                color: #F73078;
                font-size: 12px;
                margin-top: 20px; 
                .jiage{
                    font-size: 18px;
                }
            }
            #time{
                width: 300px;height: 60px;
                line-height: 30px;
                background: #FFFFFF;
                color: #F73078;
                font-size: 24px;
                margin-top: 30px;
                span{
                    display: block;
                    background: url(../images/daojishi.jpg) no-repeat;
                    width: 47px;height: 55px;
                    text-align: center;
                    line-height: 55px;
                    font-size: 16px;
                    float: left;
                }
                div{
                    line-height: 55px;
                    float: left;
                    margin: 0px 2px;
                }
            }
            .new1_go{
                display: block;
                width: 140px;height: 40px;
                text-align: center;
                color: #FFFFFF;
                background: #F73078;
                line-height: 40px;
                margin-top: 10px;
                border-radius: 3px;
            }
        }
    }
    .new2{
        width: 50%;height: 410px;
        float: right;
        position: relative;
        .new2_tp{
            width: 48%;height: 410px;
            border-right: 1px solid #CCCCCC;
            float: left;
            .new2_tp1{
                width: 337px;height: 300px;
                img{
                    width: 300px;height: 263px;
                    margin-left: 10px;
                    margin-top: 20px;
                }
            }
            h3{
                height: 30px;
                text-align: center;
                font-size: 16px;
                a{
                    display: block;
                    height: 30px;
                    color: #666666;
                }
            }
            .new2_jiage{
                display: block;
                height: 20px;
                text-align: center;
                margin-top: 10px;
                color: #F73078;
            }
            span{
                display: block;
                width: 94px;height: 94px;
                position: absolute;
                right: 360px;
                top: 8px;
            }
        }
            .new2_tp10{
                width: 50%;height: 410px;
                float: right;
            .new2_tp11{
                width: 337px;height: 300px;
                img{
                    width: 300px;height: 263px;
                    margin-left: 10px;
                    margin-top: 20px;
                }
            }
            h3{
                height: 30px;
                text-align: center;
                font-size: 16px;
                a{
                    display: block;
                    height: 30px;
                    color: #666666;
                }
            }
            .new2_yu{
                display: block;
                height: 20px;
                text-align: center;
                color: #CCCCCC;
                font-size: 12px;
            }
            .new2_jia{
                display: block;
                height: 20px;
                text-align: center;
                margin-top: 15px;
                color: #F73078;
            }
            span{
                display: block;
                width: 94px;height: 94px;
                position: absolute;
                right: 8px;
                top: 8px;
            }
        }
    }
}

#center{
    width: 100%;height: 850px;
    background: #F0F0F0;
    overflow: hidden;
    #phone{
        width: 100%;height: 800px;
        margin-top: 50px;
        li{
            width: 25%;height: 400px;
            float: left;
            img{
                width: 338px;height: 264px;
                margin-top: 30px;
            }
            h3{
                height: 30px;
                text-align: center;
                font-size: 14px;
                margin-top: 20px;
                font-weight: normal;
                a{
                    display: block;
                    height: 30px;
                    color: #666666;
                }
            }
            .phone_jia{
                display: block;
                height: 20px;
                text-align: center;
                margin-top: -5px;
                color: #F73078;
            }
        }
        .phone1{
            width: 25%;height: 400px;
            background: #95E3D3;
            text-align: center;
            span{
                line-height: 400px;
                font-size: 30px;
                color: #FFFFFF;
            }
        }
        .phone2{
            background: #FFFFFF;
        }
        .phone3{
            background: #ECECEC;
        } 
    }
}

#peijian{
    width: 100%;height: 650px;
    background: #F0F0F0;
    overflow: hidden;
    #pei{
        width: 100%;height: 600px;
        margin-top: 50px;
        li{
            width: 25%;height: 300px;
            float: left;
            img{
                width: 253px;height: 198px;
            }
            h3{
                height: 30px;
                text-align: center;
                font-size: 14px;
                margin-top: 20px;
                font-weight: normal;
                a{
                    display: block;
                    height: 30px;
                    color: #666666;
                }
            }
            .pei_jia{
                display: block;
                height: 20px;
                text-align: center;
                margin-top: -5px;
                color: #F73078;
            }
        }
        .jian{
            width: 18.75%;height: 300px; 
        }
        .pei_jian{
            width: 25%;height: 300px;
            img{
                width: 338px;height: 264px;
            }
            h3{
                height: 30px;
                text-align: center;
                font-size: 14px;
                margin-top: 10px;
                font-weight: normal;
            }
        }
        .pei1{
            width: 25%;height: 300px;
            background: #DBC9A5;
            text-align: center;
            span{
                line-height: 300px;
                font-size: 30px;
                color: #FFFFFF;
            }
        }
        .pei2{
            background: #FFFFFF;
        }
        .pei3{
            background: #FAC42E;
        }
        .pei4{
            background: #7CEBBD;
        }
        .pei5{
            background: #F1EB89;
        }
        .pei6{
            background: #DC8A35;
        }
    }
}

#wommen{
    width: 100%;height: 450px;
    background: #F0F0F0;
    overflow: hidden;
    #jingpin{
        width: 100%;height: 400px;
        margin-top: 50px;
        li{
            width: 25%;height: 400px;
            float: left;
            img{
                width: 338px;height: 264px;
                margin-top: 30px;
            }
            h3{
                height: 30px;
                text-align: center;
                font-size: 14px;
                margin-top: 20px;
                font-weight: normal;
                a{
                    display: block;
                    height: 30px;
                    color: #666666;
                }
            }
            .jingpin_jia{
                display: block;
                height: 20px;
                text-align: center;
                margin-top: -5px;
                color: #F73078;
            }
        }
        .jingpin1{
            width: 25%;height: 400px;
            background: #EAB7DB;
            text-align: center;
            span{
                line-height: 400px;
                font-size: 30px;
                color: #FFFFFF;
            }
        }
        .jingpin2{
            background: #FFFFFF;
        }
        .jingpin3{
            background: #ECECEC;
        }
    }
}

#footer{
    width: 100%;height: 114px;
    background: #DCDCDC;
    overflow: hidden;
    #footer_info{
        width: 100%;height: 64px;
        margin-top: 50px;
        .footer_info1{
            width: 100%;height: 20px;
            margin: 0 auto;
            text-align: center;
            color: #666666;
            font-size: 14px;
        }
    }
}
